<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta borderStyle="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title></title>
    <link type="text/css" th:href="@{/static/admin/css/evaluate.css}" rel="stylesheet"/>
    <!--		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>-->

    <!--  Echarts Js-->
    <script type="text/javascript" th:src="@{/static/admin/js/echarts.min.js}"></script>

    <!--  layui -->
    <th:block th:include="include :: header('首页')"/>
    <th:block th:include="include :: footer"/>

    <style>
        .layui-table-header, .layui-table-header th {
            background-color: #0d9489 !important;
            color: #fff;
        }

        #inform {
            font-size: 17px;
            color: #f44336;
            line-height:40px;
            text-align:center;
        }
    </style>

</head>
<body>
<!-- 顶部文件引入-->
<div class=" header">
    <header th:replace="/common/head.html"></header>
</div>
<div class="whrite">
    <!-- 灰色筛选位置 -->
    <div class="personnelWidth">
        <div class="currencyWidth_A">
            <div class="personnelCon">
                <div class="tz"></div>
                <div id="inform" class="text-center"></div>
                <!--	<div class="BtnEvaluate">国网阜新供电公司第一季度指标任务评价得分</div>-->
                <!--	<div class="BtnEvaluate">国网阜新供电公司第三季度同业对标评价得分</div>-->
            </div>
        </div>
    </div>

    <!-- 管理提升 -->
    <div class="departmentBg">
        <div class="departmentContainer">
            <table id="layui-table" lay-filter="layui-table"></table>
        </div>
    </div>

</div>

<script>
    layui.use(['table', 'rate'], function () {

        var MODULE_PATH = rootPath + "/InfoSupplyController/";

        //表格
        var table = layui.table;
        //评分
        var rate = layui.rate;

        // var data = [{
        //     "id": "1",
        //     "name": "佛寺供电所",
        //     "corporation": "阜蒙县",
        //     "star": "4",
        //     "client": "是",
        //     "kv": "是",
        //     "emerging": "是",
        //     "partybranch": "XX党支部",
        // },
        //     {
        //         "id": "2",
        //         "name": "佛寺供电所",
        //         "corporation": "阜蒙县",
        //         "star": "3",
        //         "client": "是",
        //         "kv": "是",
        //         "emerging": "是",
        //         "partybranch": "XX党支部",
        //     },
        //
        //     {
        //         "id": "3",
        //         "name": "佛寺供电所",
        //         "corporation": "阜蒙县",
        //         "star": "2",
        //         "client": "是",
        //         "kv": "是",
        //         "emerging": "是",
        //         "partybranch": "XX党支部",
        //     },
        //     {
        //         "id": "4",
        //         "name": "佛寺供电所",
        //         "corporation": "阜蒙县",
        //         "star": "1",
        //         "client": "是",
        //         "kv": "是",
        //         "emerging": "是",
        //         "partybranch": "XX党支部",
        //     },
        //     {
        //         "id": "5",
        //         "name": "佛寺供电所",
        //         "corporation": "阜蒙县",
        //         "star": "5",
        //         "client": "是",
        //         "kv": "是",
        //         "emerging": "是",
        //         "partybranch": "XX党支部",
        //     },
        //     {
        //         "id": "6",
        //         "name": "佛寺供电所",
        //         "corporation": "阜蒙县",
        //         "star": "5",
        //         "client": "是",
        //         "kv": "是",
        //         "emerging": "是",
        //         "partybranch": "XX党支部",
        //     },
        //     {
        //         "id": "7",
        //         "name": "佛寺供电所",
        //         "corporation": "阜蒙县",
        //         "star": "2",
        //         "client": "是",
        //         "kv": "是",
        //         "emerging": "是",
        //         "partybranch": "XX党支部",
        //     },
        // ];

        table.render({
            elem: '#layui-table',
            url: MODULE_PATH + 'list4index',
            // page: true,
            method: 'get',
            // data: data,
            // cellMinWidth: 'auto',
            page: false,
            skin: 'row,line',
            cols: [
                [ //表头
                    {
                        field: 'num',
                        title: '编号',
                        align: 'center',
                        width: '5%'
                    },
                    {
                        field: 'name',
                        title: '供电所名称',
                        align: 'center',
                        width: '15%'
                    },
                    {
                        field: 'organizationName',
                        title: '所属分公司',
                        align: 'center',
                        width: '20%'
                    },
                    {
                        field: 'starrating',
                        title: '供电所星级',
                        align: 'center',
                        width: '10%',
                        templet: function (d) {
                            //在设置星级的列中用templet函数转义，其中d.id代表该行的id值.第一行的评分的id=start1，第二行的评分的id=star2.....用在后面循环赋值。很重要！
                            return '<div id="star' + d.id + '"></div>'
                        }
                    },
                    {
                        field: 'typeImportant',
                        title: '是否有高危及重要客户',
                        align: 'center',
                        width: '12%',
                        templet: function (res) {
                            if (res.typeImportant == '0') {
                                return '否';
                            } else {
                                return '是';
                            }
                        }
                    },
                    {
                        field: 'type10kv',
                        title: '是否有10千伏业务',
                        align: 'center',
                        width: '12%',
                        templet: function (res) {
                            if (res.type10kv == '0') {
                                return '否';
                            } else {
                                return '是';
                            }
                        }
                    },
                    {
                        field: 'typeRising',
                        title: '是否涉及新兴业务',
                        align: 'center',
                        width: '12%',
                        templet: function (res) {
                            if (res.typeRising == '0') {
                                return '否';
                            } else {
                                return '是';
                            }
                        }
                    },
                    {
                        field: 'partyBranch',
                        title: '所属党支部',
                        align: 'center',
                        width: '14%',
                    }
                ]
            ],
            done: function (res, curr, count) {
                $('#layui-table').css('width', '100%');
                //这里设置表格的宽度为100%
                var data = res.data; //返回的json中data数据
                for (var i = 0; i < res.data.length; i++) {
                    //星级
                    rate.render({ //循环设置评分
                        elem: '#star' + data[i].id + '', //给不同的id的rate绑定不同的值
                        length: 5, //星星个数
                        value: data[i].starrating, //初始化值
                        theme: '#009688', //颜色
                        half: false, //支持半颗星
                        text: false, //显示文本，默认显示 '3.5星'
                        readonly: true, //只读
                        setText: function (value) { //自定义文本的回调
                            var arrs = {
                                '1': '一星',
                                '2': '二星',
                                '3': '三星',
                                '4': '四星',
                                '5': '五星'
                            };
                            this.span.text(arrs[value]);
                        }
                    });
                    //console.log(data[i].star)
                }
                ;
            },
        });

    });
</script>

<script type="text/javascript">
    $(document).ready(function () {
        $('.menu li a').each(function () {
            if ($($(this))[0].href == String(window.location))
                $(this).parent().addClass('selected');
        });

        var MODULE_PATH = rootPath + "/MonthEvaluationController/";

        $.ajax({
            url: MODULE_PATH + 'getNewestMonth',
            dataType: 'json',
            type: 'get',
            success: function (result) {
                var taskMonth = result.data.evaluationDate;
                var date = taskMonth.split("-");
                var year = date[0];
                var month = date[1];
                $('#inform').html(year+"年"+month+"月填报任务已经生成，请尽快填报并完成后续审核。");
            }
        })

    });
</script>
</body>
</html>